<script setup lang="ts">
const {waterForm} = defineProps<{
  waterForm: Object;  // 定义采样时间的类型
}>();

</script>


<template>
  <div class="card">
    <el-card class="box-card">
      <h1 style="text-align: center">水质 电感耦合等离子体质谱法分析原始记录（B面）</h1>
      <div>SXLPHJ/JL/CX-22-60</div>
      <div style="display: flex;">
        <table class="table">
          <tr>
            <td colspan="5" style="text-align: center;">溶液配制</td>
          </tr>
          <tr>
            <td>标准贮备液批号</td>
            <td>标准贮备液浓度</td>
            <td>贮备液有效日期</td>
            <td>标准使用液浓度</td>
            <td>配置日期</td>
          </tr>
          <tr v-for="(item,index) in waterForm.bdatas.rypz" :key="index">
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.bzzbyph"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.bzzbynd"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.zbyyxrq"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.bzsyynd"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.pzrq"/>
            </td>
          </tr>
        </table>
        <table class="table">
          <tr>
            <td colspan="8" style="text-align: center;">校准曲线配制</td>
          </tr>
          <tr>
            <td>待测物使用液加入量(μL)</td>
            <td>替代物使用液加入量(μL)</td>
            <td>内标使用液加入量(μL)</td>
            <td>定容体积(mL)</td>
            <td>曲线浓度（μg/L）</td>
          </tr>
          <tr v-for="(item,index) in waterForm.bdatas.jzqxpz" :key="index">
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.dcwsyyjrl"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.tdwsyyjrl"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.nbsyyjrl"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.drtj"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.qxnd"/>
            </td>
          </tr>
        </table>
      </div>
      <table class="table">
        <tr>
          <td colspan="16">
            曲线信息见 页
          </td>
        </tr>
        <tr>
          <td colspan="6">质控数据</td>
          <td colspan="2" v-for="(item,index) in 5" :key="index">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.zksj[`zksj${index}`]"/>
          </td>
        </tr>
        <tr>
          <td rowspan="2">空白测定</td>
          <td colspan="3">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.kbycd_fx.ypbh1"/>
          </td>
          <td colspan="2">样品浓度(μg/L)，是否合格</td>
          <td colspan="2" v-for="(item,index) in 5" :key="index">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.kbycd_fx[`ypnd1_sfhg${index}`]"/>
          </td>
        </tr>
        <tr>
          <td colspan="3">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.kbycd_fx.ypbh2"/>
          </td>
          <td colspan="2">样品浓度(μg/L)，是否合格</td>
          <td colspan="2" v-for="(item,index) in 5" :key="index">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.kbycd_fx[`ypnd2_sfhg${index}`]"/>
          </td>
        </tr>
        <tr>
          <td rowspan="2">曲线校核点测定</td>
          <td colspan="3" rowspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.qxjhdcd_fx.ypbh1"/>
          </td>
          <td colspan="2">校核点浓度，样品浓度(μg/L)</td>
          <td colspan="2" v-for="(item,index) in 5" :key="index">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.qxjhdcd_fx[`ypnd1_sfhg${index}`]"/>
          </td>
        </tr>
        <tr>
          <td colspan="2">相对偏差，是否合格</td>
          <td colspan="2" v-for="(item,index) in 5" :key="index">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.qxjhdcd_fx[`ypnd2_sfhg${index}`]"/>
          </td>
        </tr>
        <tr>
          <td rowspan="2">平行双样测定</td>
          <td colspan="5">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.pxycd_fx.ypbh"/>
          </td>
          <td colspan="2" v-for="(item,index) in 5" :key="index">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.pxycd_fx[`ypbh${index}`]"/>
          </td>
        </tr>
        <tr>
          <td colspan="5">
            相对偏差，是否合格
          </td>
          <td colspan="2" v-for="(item,index) in 5" :key="index">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.pxycd_fx[`xdpc_sfhg${index}`]"/>
          </td>
        </tr>
        <tr>
          <td rowspan="5">加标回收</td>
          <td colspan="5">
            标液浓度(mg/L)
          </td>
          <td colspan="2" v-for="(item,index) in 5" :key="index">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jbycd_fx[`bynd${index}`]"/>
          </td>
        </tr>
        <tr>
          <td colspan="3" rowspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jbycd_fx.ypbh1"/>
          </td>
          <td colspan="2">加标前，后样品测定浓度(μg/L)</td>
          <td colspan="2" v-for="(item,index) in 5" :key="index">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jbycd_fx[`jbq_cdnd${index}`]"/>
          </td>
        </tr>
        <tr>
          <td colspan="2">加标回收率，是否合格</td>
          <td colspan="2" v-for="(item,index) in 5" :key="index">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jbycd_fx[`jb_sfhg${index}`]"/>
          </td>
        </tr>
        <tr>
          <td colspan="3" rowspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jbycd_fx.ypbh2"/>
          </td>
          <td colspan="2">加标前，后样品测定浓度(μg/L)</td>
          <td colspan="2" v-for="(item,index) in 5" :key="index">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jbycd_fx[`jbh_cdnd${index}`]"/>
          </td>
        </tr>
        <tr>
          <td colspan="2">加标回收率，是否合格</td>
          <td colspan="2" v-for="(item,index) in 5" :key="index">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jbycd_fx[`jbhsl_sfhg${index}`]"/>
          </td>
        </tr>
        <tr>
          <td>质控要求</td>
          <td colspan="15">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jbycd_fx.zkyq"/>
          </td>
        </tr>
        <tr>
          <td>备注</td>
          <td colspan="15">
            <el-input
                style="width: 100%; border: 1px solid transparent"
                placeholder="请输入"
                v-model="waterForm.bdatas.bnotes"
            />
          </td>
        </tr>
      </table>
    </el-card>
  </div>

</template>

<style scoped>
.card {
  padding: 20px 25px;
}

.table {
  width: 100%;
  border-collapse: collapse; /* 表格边框合并 */
  text-align: left; /* 默认左对齐 */
  font-size: 14px; /* 字体大小 */
  color: #606266; /* 默认字体颜色 */
}

.table th,
.table td {
  border: 1px solid #c2bfbf; /* 表格单元格边框颜色 */
  padding: 12px; /* 单元格内边距 */
}

.table th {
  background: #f5f7fa; /* 表头背景色 */
  font-weight: 600; /* 表头字体加粗 */
  color: #303133; /* 表头字体颜色 */
  text-align: center; /* 表头居中 */
}

.table td {
  width: 1%;
}

.table-td {
  display: flex;
  justify-content: center;
  font-weight: 500;
  color: #303133;
}


::v-deep .el-input__wrapper {
  background-color: transparent;
  box-shadow: none;
  flex-direction: row-reverse;
}

::v-deep .el-select__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-input-group__append {
  background-color: transparent;
  box-shadow: none;
}
</style>
